<template>
    
      <div>
      
          <div class="div11">
            <span>
              全城
            </span>
            <span>
               品牌
            </span>
            <span>
               特色
            </span>
          </div>
          <div v-html='yingyuanli' class="div22"></div>
      </div>
  
</template>

<script>
export default {
    name:'Yingyuanli',
    props:['yingyuanli']

}
</script>

<style >
html,boby{
    margin: 0;
    padding: 0;
}
.div11{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    margin-top: 4rem;
  
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid rgba(204, 204, 204, 0.267)
}
.div22{
    text-align: left;
    /* margin-top: -.5rem; */
    width: 100%;
}
.mb-line-b{
    /* width: 100%; */
    height: 3rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.267);
    padding: .1rem;
}
.title{
    display: flex;
}

.line-ellipsis span:nth-child(1){
    /* background-color: blue; */
    font-size: 14px;
    color: #000;
   
    
    
  
    
}

.price-block span:nth-child(1){
    /* background-color: blue; */
    font-size: 16px;
    color: red;
  
    
}
.price-block span:nth-child(2){
    /* background-color: blue; */
    font-size: 12px;
    color: red;
  
    
}
.box-flex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: .1rem;

}
.line-ellipsis{
    /* background-color: blue; */
    font-size: 12px;
    color: #666;
    width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;



}
.distance{
    /* background-color: blue; */
    width: 10%;
    
}
.label-block{
    width: 100%;
    display: flex;
    margin-top: .1rem;
}
.endorse{
    color: #589daf;
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;

    border: 1px solid #589daf ;
    margin-left: .1rem;

    
}
.allowRefund{
    color: #589daf;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: 1px solid #589daf ;
    margin-left: .1rem;
}
.snack{
    color: #f90;
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;

    border: 1px solid #f90 ;
    margin-left: .1rem;
}
.vipTag{
    color: #f90;
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;

    border: 1px solid #f90 ;
    margin-left: .1rem;
}
.hallType{
    color: #589daf;
    
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: 1px solid #589daf ;
    margin-left: .1rem;
}
.discount-block{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
   
}
.card{
    margin-top: .3rem;
    width: 15px;
    height: 20px;
    /* vertical-align: middle; */
    display: inline-block;
}
.card img{
   
    width: 100%;
}
.discount-label-text{
    display: inline-block;

    width: 6rem;
    height: .5rem;
    line-height: .5rem;
    /* vertical-align: middle; */
    color: #000;


    
}
</style>